<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>未来可期任务平台-查询</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.2.2/css/swiper.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
    <link href="https://img.qianxiaoduan.com/element-ui/2.3.4/theme-chalk/index.css" rel="stylesheet">
    <link rel="stylesheet" href="https://page.qianxiaoduan.com/css/style-red.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2808129_awgy92qb9k7.css">
    <script src="js/toLogin.js"></script>
</head>
<body>
<div class="Theme-header-Style1 header-container ">
    <div class="container">
        <div class="row">
            <div class="col">
                <div style="margin-top:-25px" class="logo">
                    <a href="">
                        <img src="img/logo.png" alt="">
                    </a>
                </div>
                <div style="position: absolute;top:18px;">
                    <img src="img/log1.png">
                </div>
            </div>
            <div id="login_div">
                <span onclick="toLogin()">
                    <i style="font-size: 25px" class="iconfont icon-denglu1"></i>
                </span>
                <span onclick="toRegister()" style="margin-left: 15px">
                    <i style="font-size: 25px" class="iconfont icon-zhuce"></i>
                </span>
            </div>
            <div id="exit_div" style="display: none">
                <a onclick="toEsc()" href="#" style="margin-top:20px;font-size: 20px;color: red">退出</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="myCenter.html" style="color: coral;font-size: 15px">个人中心</a>
            </div>
        </div>
    </div>
</div>
<div class="Theme-breadcrumb-trail">
    <div style="background-color:#eee;" class="Theme-pageTarget">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        您的位置：
                        <a href="index.html">
                            首页
                        </a>
                        <a href="task_list.html">
                            > 任务列表
                        </a>
                        > 查询
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div  style="margin-top: -40px" id="query_list" class="Theme-rolling-background1 Theme-mb-list">
</div>
<div class="Theme-footer-1">
    <div class="container">
        <div class="row">
            <div class="col">
                <h3>
                    未来可期有限公司
                </h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <p>
                    未来可期有限公司 COPYRIGHT (©) 2022
                    <br>
                    公司地址：四川省成都市武侯区
                    <br>
                    联系电话：0021-93123
                    <br>
                    邮箱：kaix.wang@dhcca.com
                </p>
            </div>
            <div class="col">
                <ul>
                    <li>
                        <a href="">
                            网站首页
                        </a>
                    </li>
                    <li>
                        <a href="">
                            招商代理加盟
                        </a>
                    </li>
                    <li>
                        <a href="">
                            产品中心
                        </a>
                    </li>
                    <li>
                        <a href="">
                            新闻百科
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col">
                <ul>
                    <li>
                        招商代理
                    </li>
                    <li>
                        新闻资讯
                    </li>
                    <li>
                        关于我们
                    </li>
                    <li>
                        联系我们
                    </li>
                </ul>
            </div>
            <div class="col QR-code">
                <img src="https://img.qianxiaoduan.com/muban/QR-code.jpg" alt="">
                <p>
                    联系我们
                </p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.2.2/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
<script src="https://page.qianxiaoduan.com/js/script.js"></script>
<script src="js/jquery.min.js"></script>
<script>
    let msg=decodeURI(window.location.href.split("=")[1]);
    $.ajax({
        url:"task/search",
        dataType:"json",
        data:{"msg":msg},
        success:function (res) {
            console.log(res);
            let data=res.data;
            for (let i = 0; i <data.length; i++) {
                let div1=$("<div class='container'></div>");
                let div2=$("<div class='row'></div>");
                let div3=$("<div class='col'></duv>");
                let div4=$("<div class='img wow slideInLeft animated' style='visibility: visible; animation-name: slideInLeft;'></div>");
                let h2=$("<h2></h2>").text(data[i].task_name);
                let div5=$("<div class='con wow slideInRight animated' style='visibility: visible; animation-name: slideInRight;'></div>");
                let h1=$("<h1></h1>").text(data[i].task_bounty+"元/"+data[i].payroll_method);
                let span=$("<span></span>").text("|"+data[i].task_type);
                let p=$("<p></p>").text(data[i].task_content);
                let a1=$("<a id='access_"+data[i].id+"' onclick='access(this.id)'>Access</a>");
                let a2=$("<a id='more_"+data[i].id+"' onclick='more(this.id)'>More</a>");
                div1.append(div2);
                div2.append(div3);
                div3.append(div4,div5);
                div4.append(h2);
                div5.append(h1,p,a1,a2);
                h1.append(span);
                $("#query_list").append(div1);
                if(i!=data.length-1){
                    let div6=$("<div style='height: 1px;border: 1px solid #999999'></div>");
                    $("#query_list").append(div6);
                }
            }
        }
    })
</script>
</html>